:root[theme-mode=dark]{
    --yh-brand-color: #007680;/*主要 */
    --yh-brand-color-2: #004c52;
    --yh-brand-color-3: #005860;
    --yh-brand-color-4: #00656e;
    --yh-brand-color-5: #005B62;
    --yh-brand-color-6: #018E9A;
    --yh-brand-color-7: #006a73;
    --yh-brand-color-9: #1a99a4;
    --yh-warning-color: #cf6e2d;
    --yh-warning-color-1: #4f2a1d;
    --yh-warning-color-2: #582f21;
    --yh-warning-color-3: #733c23;
    --yh-warning-color-4: #a75d2b;
    --yh-warning-color-6: #dc7633;
    --yh-error-color: #c64751;
    --yh-error-color-1: #472324;
    --yh-error-color-2: #5e2a2d;
    --yh-error-color-3: #703439;
    --yh-error-color-5: #a03f46;
    --yh-error-color-7: #de6670;
    --yh-success-color: #059465;
    --yh-success-color-1: #193a2a;
    --yh-success-color-2: #1a4230;
    --yh-success-color-3: #17533d;
    --yh-success-color-4: #0d7a55;
    --yh-success-color-6: #43af8a;
    --yh-gray-color-1: #f3f3f3;
    --yh-gray-color-2: #eee;
    --yh-gray-color-3: #e7e7e7;
    --yh-gray-color-4: #dcdcdc;
    --yh-gray-color-5: #c5c5c5;
    --yh-gray-color-6: #a6a6a6;
    --yh-gray-color-7: #8b8b8b;
    --yh-gray-color-9: #5e5e5e;
    --yh-gray-color-10: #4b4b4b;
    --yh-gray-color-11: #383838;
    --yh-gray-color-12: #2c2c2c;
    --yh-gray-color-13: #242424;
    --yh-gray-color-14: #181818;
    --yh-font-white-1: rgba(255, 255, 255, .9);
    --yh-font-white-2: rgba(255, 255, 255, .55);
    --yh-font-white-3: rgba(255, 255, 255, .35);
    --yh-font-white-4: rgba(255, 255, 255, .22);
    --yh-font-gray-1: rgba(0, 0, 0, .9);
    --yh-font-gray-2: rgba(0, 0, 0, .6);
    --yh-font-gray-3: rgba(0, 0, 0, .4);
    --yh-font-gray-4: rgba(0, 0, 0, .26);
    --yh-brand-color-hover: var(--yh-brand-color-7);
    --yh-brand-color-focus: var(--yh-brand-color-2);
    --yh-brand-color-active: var(--yh-brand-color-9);
    --yh-brand-color-disabled: var(--yh-brand-color-3);
    --yh-warning-color-hover: var(--yh-warning-color-4);
    --yh-warning-color-focus: var(--yh-warning-color-2);
    --yh-warning-color-active: var(--yh-warning-color-6);
    --yh-warning-color-disabled: var(--yh-warning-color-3);
    --yh-warning-color-light: var(--yh-warning-color-1);
    --yh-error-color-hover: var(--yh-error-color-5);
    --yh-error-color-focus: var(--yh-error-color-2);
    --yh-error-color-active: var(--yh-error-color-7);
    --yh-error-color-disabled: var(--yh-error-color-3);
    --yh-error-color-light: var(--yh-error-color-1);
    --yh-success-color-hover: var(--yh-success-color-4);
    --yh-success-color-focus: var(--yh-success-color-2);
    --yh-success-color-active: var(--yh-success-color-6);
    --yh-success-color-disabled: var(--yh-success-color-3);
    --yh-success-color-light: var(--yh-success-color-1);
    --yh-mask-active: rgba(0, 0, 0, .4);
    --yh-bg-color-page: var(--yh-gray-color-14);
    --yh-bg-color-container: var(--yh-gray-color-13);
    --yh-bg-color-container-hover: var(--yh-gray-color-12);
    --yh-bg-color-container-active: var(--yh-gray-color-10);
    --yh-bg-color-container-select: var(--yh-gray-color-9);
    --yh-bg-color-secondarycontainer: var(--yh-gray-color-10);
    --yh-bg-color-secondarycontainer-hover: var(--yh-gray-color-11);
    --yh-bg-color-secondarycontainer-active: var(--yh-gray-color-9);
    --yh-bg-color-component: var(--yh-gray-color-11);
    --yh-bg-color-component-hover: var(--yh-gray-color-10);
    --yh-bg-color-component-active: var(--yh-gray-color-9);
    --yh-bg-color-component-disabled: var(--yh-gray-color-12);
    --yh-text-color-primary: var(--yh-font-white-1);
    --yh-text-color-secondary: var(--yh-font-white-2);
    --yh-text-color-placeholder: var(--yh-font-white-3);
    --yh-text-color-disabled: var(--yh-font-white-4);
    --yh-text-color-anti: #fff;
    --yh-text-color-brand:var(--yh-brand-color) ;
    --yh-text-color-link: var(--yh-brand-color) ;
    --yh-border-level-1-color: var(--yh-gray-color-11);
    --yh-component-stroke: var(--yh-gray-color-11);
    --yh-border-level-2-color: var(--yh-gray-color-9);
    --yh-component-border: var(--yh-gray-color-9);
    --yh-border-level-3-color:var(--yh-gray-color-7);
    --yh-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
}